<template>
    <div style="height:100vh">
        <div class="tableHead">
            <div>
                <el-button size="small" type="danger" @click="deleteMore">批量删除</el-button>
                <el-button size="small" @click="deleteMore">返回管理员列表</el-button>
            </div>
            <el-row>
                <el-col>
                    <el-input v-model="searchInput" size="small" placeholder="请输入搜索内容" style="width:250px"></el-input>
                    <el-button type="success" size="small" @click="searchBtn" icon="el-icon-search"></el-button>
                </el-col>
            </el-row>
        </div>
        <el-table :data="tableData" height="500px" stripe>
            <el-table-column></el-table-column>
        </el-table>
        <el-pagination
            background
            :page-size="pageSize"
            :current-page="pageStart"
            :total="total"
            :page-sizes="[10, 20, 30]"
            @size-change="handleSizeChange"
            @current-page="handleCurrentChange"
            layout="sizes, prev, pager, next"
        ></el-pagination>
    </div>
    
</template>
<script>
export default {
    data() {
        return {
            tableData:[],
            searchInput:'',
            pageSize:10,
            pageStart:1,
            total:0,
        }
    },
    methods:{
        deleteMore(){

        },
        searchBtn(){

        },
        handleSizeChange(){

        },
        handleCurrentChange(){

        },
    }
}
</script>
<style scoped>

</style>